<%-- 
    Document   : right_panel
    Created on : Oct 7, 2011, 9:22:58 PM
    Author     : Thu Huong
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

                <div id="promotion-right">
                    <div class="p-inner">
                       <div class="p-header"><a target="_blank" title="Đà Lạt 03 ngày 02 đêm trọn gói" href="http://www.giamua.com/l.aspx?pid=156">Đà Lạt 03 ngày 02 đêm trọn gói</a></div>
                       <span class="p-discount-title">GIẢM:</span><span class="p-discount-value">52%</span><span class="p-salesprice-value">1.270.000đ</span><span class="p-originalprice-value">2.650.000đ</span>
                       <span class="p-buy-now"><a target="_blank" title="Đà Lạt 03 ngày 02 đêm trọn gói" href="http://www.giamua.com/l.aspx?pid=156">MUA NGAY!</a></span>
                       <div class="p-picture"><a target="_blank" title="Đà Lạt 03 ngày 02 đêm trọn gói" href="http://www.giamua.com/l.aspx?pid=156"><img src="giamua_files/512011-09-25_114737.jpg" alt="Đà Lạt 03 ngày 02 đêm trọn gói" border="0"></a></div>
                       <div class="p-sep"></div><span class="time-title">Thời gian còn lại</span><span class="timeremain"><span class="time" timeleft="1567311">18 ngày 3 giờ 21 phút 52 giây</span></span>
                       <span class="p-source">51DEAL</span>
                    </div>
                </div>
                                
                <div style="margin-top: 12px;">
                    <div class="qc" id="qc-42" style="position: relative;"><div style="cursor: pointer; opacity: 0; visibility: visible; position: absolute; top: 0px; left: 0px; width: 300px; height: 150px; background-color: rgb(255, 255, 255);" class="qc-overlay" title="inCard - You're invited"></div><script type="text/javascript">$(document).ready(function() {
                                    var divQC = $('#qc-42');
                                    var position = divQC.getBox();
                                    var divOverlay = $('<div class="qc-overlay" title="inCard - You&#39;re invited" />');
                                    divOverlay.css({
                                       'cursor': 'pointer',
                                       'opacity': '0',
                                       'visibility': 'visible',
                                       'position': 'absolute',
                                       'top': '0px',
                                       'left': '0px',
                                       'width': '300px',
                                       'height': '150px',
                                       'background-color': '#fff'
                                    });
                                   divOverlay.prependTo(divQC);
                                   divOverlay.click(function(e) { window.open('/l.aspx?id=42')});
                                });</script><object style="visibility: visible;" id="fla-42" data="giamua_files/incard_300X150_4.swf" type="application/x-shockwave-flash" width="300" height="150"><param value="high" name="quality"><param value="transparent" name="wmode"></object><script type="text/javascript">swfobject.embedSWF('http://www.giamua.com/images/qc/incard_300X150_4.swf', 'fla-42', 300, 150, '9.0.0', {}, {}, {quality: 'high', wmode: 'transparent'});</script></div>                    
                </div>  
                
                <div id="message-area">
                    <div>
                        <textarea id="shoutMessage" rows="3" class="message" maxlength="320"></textarea>
                    </div>
                    <div class="post-message">
                        <a href="" class="minibutton minibutton-main" id="shoutButton">
                            <span>Gởi tin nhanh</span>
                        </a>                        
                    </div>
                    <div id="shoutbox_list">
                        <div class="detail-message">
                            <div class="detail-message-title"><span class="usr-msg-action" title="Trả lời">&nbsp;</span></div>
                            <div class="detail-message-content"><p class="msg">&nbsp;</p></div></div>
                        <div class="detail-message">
                                <div class="detail-message-title"><span class="usr-msg-action" title="Trả lời">&nbsp;</span></div></div>
                        <div class="detail-message"><div class="detail-message-title"><span class="usr-msg-action" title="Trả lời">&nbsp;</span></div></div>
                        <div class="detail-message"><div class="detail-message-title"><span class="usr-msg-action" title="Trả lời">&nbsp;</span></div></div><div id="message-list-pagination"><span>1</span> <a href="" onclick="javascript:return shoutbox_list(2);">2</a> <a href="" onclick="javascript:return shoutbox_list(3);">3</a> <a href="" onclick="javascript:return shoutbox_list(4);">4</a> <a href="" class="nav" onclick="javascript:return shoutbox_list(2);">Tiếp »</a></div>
                    </div>
                </div>
                
                <div style="margin-top: 12px;">
                    <div class="qc" id="qc-47" style="position: relative;"><div style="cursor: pointer; opacity: 0; visibility: visible; position: absolute; top: 0px; left: 0px; width: 300px; height: 250px; background-color: rgb(255, 255, 255);" class="qc-overlay" title="Voucher giảm giá 40% tại Nhà hàng Bún Sài Gòn"></div><script type="text/javascript">$(document).ready(function() {
                                    var divQC = $('#qc-47');
                                    var position = divQC.getBox();
                                    var divOverlay = $('<div class="qc-overlay" title="Voucher giảm giá 40% tại Nhà hàng Bún Sài Gòn" />');
                                    divOverlay.css({
                                       'cursor': 'pointer',
                                       'opacity': '0',
                                       'visibility': 'visible',
                                       'position': 'absolute',
                                       'top': '0px',
                                       'left': '0px',
                                       'width': '300px',
                                       'height': '250px',
                                       'background-color': '#fff'
                                    });
                                   divOverlay.prependTo(divQC);
                                   divOverlay.click(function(e) { window.open('/l.aspx?id=47')});
                                });</script>
                        <object style="visibility: visible;" id="fla-47" data="images/ddv_300x250_bunsg.swf" type="application/x-shockwave-flash" width="300" height="250">
                            <param value="high" name="quality">
                            <param value="transparent" name="wmode">
                        </object>
                        <script type="text/javascript">
                            swfobject.embedSWF('images/ddv_300x250_bunsg.swf', 'fla-47', 300, 250, '9.0.0', {}, {}, {quality: 'high', wmode: 'transparent'});
                        </script></div>                    
                </div>               
                
                <div id="about-top"></div>
                <div id="about-content">
                    <div class="pane-caption"></div>
                </div>
                <div id="about-bottom"></div>
                
                <div id="facebook-like-box">
                    <iframe src="giamua_files/likebox.xhtml" style="border: medium none; overflow: hidden; width: 300px; height: 255px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
                </div>   
           